:root {
  font-family: 'Segoe', 'PingFang SC', 'Microsoft YaHei', Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 使用细的滚动条 */
  scrollbar-width: none;

  /* 背景色 */
  --app-bg-color: #0f2d3f;
  /* 菜单背景色 */
  --menu-bg-color: #27415b;
  /* 菜单栏背景色 */
  --nav-bar-background: rgb(26, 60, 91);
  /* 边框颜色 */
  --border-color: hsl(210, 3%, 26%);
  /* 浅色边框 */
  --light-border-color: rgb(160, 207, 255);
  /* 激活的菜单背景色 */
  --menu-bg-color--active: #09525f;
  /* element 主色 */
  --primary-color: #409eff;
  /* 提示条背景色 */
  --tips-background: #103d64;
  /* g6工具栏边框颜色 */
  --g6-toolbar-border-color: rgb(84, 84, 84);
  /* 亮色背景 */
  --light-bg-color: #e9ebf0;
  --dark-bg-color: rgb(51, 126, 204);
  /* 滚动条配色 */
  --scrollbar-track: #0f2d3f; /* 轨道=背景，完全融合 */
  --scrollbar-thumb: #1f4157; /* 滑块，比背景亮 10% */
  --scrollbar-thumb-hover: #2e546d; /* 悬停，再亮 8% */
  box-sizing: border-box;
  /* 全局滚动条样式 */
  /* WebKit 浏览器（Chrome / Edge / Safari） */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  ::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
  }
  ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 4px;
    transition: background 0.2s;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
  }
}
/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
html.dark {
  background: var(--app-bg-color);
}

body {
  margin: 0;
  padding: 0;
  display: flex;
  place-items: center;
}

#atlas-app {
  height: 100vh;
  width: 100%;
  min-height: 300px;
  min-width: 500px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  overflow: hidden;
}
